import { createApp } from 'vue'
import store from '@/stores'
import App from '@/App.vue'
import router from './router'
import 'element-plus/dist/index.css'
import './assets/main.css'
import  '@/router/connectionroute'
import { i18n } from '@/i18n/index'
import {useUserstore} from '@/stores/counter'
import 'nprogress/nprogress.css'
const app = createApp(App)
app.use(store)
app.use(router)
app.use(i18n)
// 自定义指令
app.directive('perminsstion',{
   mounted(el,binding){//binding：一个对象，包含以下属性。
      const stores=useUserstore()
    let val=binding.value//指令的绑定值
    var perminsstionlist=stores.permisstion||[]//拿到状态管理当前账户的权限
    if (-1===perminsstionlist.indexOf(val)) {//在当前账户的权限查找是否有自定义的值没有就删除节点
      //没有权限
      el.remove?.()//直接操作 DOM。
    }
      
   }
})
app.mount('#app')

